<HTML>
<BODY BGCOLOR="white">
<PRE>
<FONT color="green">001</FONT>    /**<a name="line.1"></a>
<FONT color="green">002</FONT>     * This class generates the chart for the data streams.<a name="line.2"></a>
<FONT color="green">003</FONT>     */<a name="line.3"></a>
<FONT color="green">004</FONT>    package org.hackystat.ui.telemetryviewer.client;<a name="line.4"></a>
<FONT color="green">005</FONT>    <a name="line.5"></a>
<FONT color="green">006</FONT>    import org.timepedia.chronoscope.client.XYDataset;<a name="line.6"></a>
<FONT color="green">007</FONT>    import org.timepedia.chronoscope.client.browser.ChartPanel;<a name="line.7"></a>
<FONT color="green">008</FONT>    import org.timepedia.chronoscope.client.browser.Chronoscope;<a name="line.8"></a>
<FONT color="green">009</FONT>    <a name="line.9"></a>
<FONT color="green">010</FONT>    import com.google.gwt.user.client.Window;<a name="line.10"></a>
<FONT color="green">011</FONT>    import com.google.gwt.user.client.WindowResizeListener;<a name="line.11"></a>
<FONT color="green">012</FONT>    import com.google.gwt.user.client.ui.Button;<a name="line.12"></a>
<FONT color="green">013</FONT>    import com.google.gwt.user.client.ui.ClickListener;<a name="line.13"></a>
<FONT color="green">014</FONT>    import com.google.gwt.user.client.ui.DockPanel;<a name="line.14"></a>
<FONT color="green">015</FONT>    import com.google.gwt.user.client.ui.FlowPanel;<a name="line.15"></a>
<FONT color="green">016</FONT>    import com.google.gwt.user.client.ui.HTML;<a name="line.16"></a>
<FONT color="green">017</FONT>    import com.google.gwt.user.client.ui.HasHorizontalAlignment;<a name="line.17"></a>
<FONT color="green">018</FONT>    import com.google.gwt.user.client.ui.HorizontalPanel;<a name="line.18"></a>
<FONT color="green">019</FONT>    import com.google.gwt.user.client.ui.Label;<a name="line.19"></a>
<FONT color="green">020</FONT>    import com.google.gwt.user.client.ui.RootPanel;<a name="line.20"></a>
<FONT color="green">021</FONT>    import com.google.gwt.user.client.ui.Widget;<a name="line.21"></a>
<FONT color="green">022</FONT>    <a name="line.22"></a>
<FONT color="green">023</FONT>    /**<a name="line.23"></a>
<FONT color="green">024</FONT>     * This class generates the chart for the data streams.<a name="line.24"></a>
<FONT color="green">025</FONT>     * @author David J. Nickles<a name="line.25"></a>
<FONT color="green">026</FONT>     *<a name="line.26"></a>
<FONT color="green">027</FONT>     */<a name="line.27"></a>
<FONT color="green">028</FONT>    public class ChartFactory implements WindowResizeListener, ClickListener {<a name="line.28"></a>
<FONT color="green">029</FONT>    <a name="line.29"></a>
<FONT color="green">030</FONT>      /** {@literal} GOLDEN_RATIO chart ratio constant. */<a name="line.30"></a>
<FONT color="green">031</FONT>      private static final double GOLDEN_RATIO = 1.618;<a name="line.31"></a>
<FONT color="green">032</FONT>      /** {@literal} RIGHTCHARTOFFSET extended offset from the right for the chart pane. */<a name="line.32"></a>
<FONT color="green">033</FONT>      private static final int RIGHTCHARTOFFSET = Styles.RIGHTOFFSET + 20;<a name="line.33"></a>
<FONT color="green">034</FONT>    <a name="line.34"></a>
<FONT color="green">035</FONT>      private Button clearButton;<a name="line.35"></a>
<FONT color="green">036</FONT>      private ChartPanel chartPanel;<a name="line.36"></a>
<FONT color="green">037</FONT>      private DockPanel titlePanel;<a name="line.37"></a>
<FONT color="green">038</FONT>      private HorizontalPanel messagePanel;<a name="line.38"></a>
<FONT color="green">039</FONT>      private WaitPanel waitPanel;<a name="line.39"></a>
<FONT color="green">040</FONT>      <a name="line.40"></a>
<FONT color="green">041</FONT>      /**<a name="line.41"></a>
<FONT color="green">042</FONT>       * Constructor a valid chart.<a name="line.42"></a>
<FONT color="green">043</FONT>       */<a name="line.43"></a>
<FONT color="green">044</FONT>      public ChartFactory() {<a name="line.44"></a>
<FONT color="green">045</FONT>        Window.addWindowResizeListener(this);<a name="line.45"></a>
<FONT color="green">046</FONT>      }<a name="line.46"></a>
<FONT color="green">047</FONT>      <a name="line.47"></a>
<FONT color="green">048</FONT>      /**<a name="line.48"></a>
<FONT color="green">049</FONT>       * Get a reference to the single RPC service.<a name="line.49"></a>
<FONT color="green">050</FONT>       * @return a singular reference to a RPCServiceFactory that this class maintains.<a name="line.50"></a>
<FONT color="green">051</FONT>       */<a name="line.51"></a>
<FONT color="green">052</FONT>      public ChartPanel getChartPanel() {<a name="line.52"></a>
<FONT color="green">053</FONT>        return this.chartPanel;<a name="line.53"></a>
<FONT color="green">054</FONT>      }<a name="line.54"></a>
<FONT color="green">055</FONT>      <a name="line.55"></a>
<FONT color="green">056</FONT>      /**<a name="line.56"></a>
<FONT color="green">057</FONT>       * Display the message about waiting.<a name="line.57"></a>
<FONT color="green">058</FONT>       * @param message to display.<a name="line.58"></a>
<FONT color="green">059</FONT>       */<a name="line.59"></a>
<FONT color="green">060</FONT>      public void showWaiting(String message) {<a name="line.60"></a>
<FONT color="green">061</FONT>        RootPanel.get(CompositeWidget.CHART_HEADER_ELEMENT_ID).clear();<a name="line.61"></a>
<FONT color="green">062</FONT>        RootPanel.get(CompositeWidget.CHART_ELEMENT_ID).clear();<a name="line.62"></a>
<FONT color="green">063</FONT>        RootPanel.get(CompositeWidget.CHART_ELEMENT_ID).add(this.waitPanel = new WaitPanel(message));<a name="line.63"></a>
<FONT color="green">064</FONT>        this.waitPanel.setWidth(Integer.toString(Window.getClientWidth() - Styles.RIGHTOFFSET) <a name="line.64"></a>
<FONT color="green">065</FONT>          + Styles.PIXELSUFFIX);<a name="line.65"></a>
<FONT color="green">066</FONT>      }<a name="line.66"></a>
<FONT color="green">067</FONT>      <a name="line.67"></a>
<FONT color="green">068</FONT>      /**<a name="line.68"></a>
<FONT color="green">069</FONT>       * Display the message in the chart area of the page.<a name="line.69"></a>
<FONT color="green">070</FONT>       * @param message to display.<a name="line.70"></a>
<FONT color="green">071</FONT>       */<a name="line.71"></a>
<FONT color="green">072</FONT>      public void report(String message) {<a name="line.72"></a>
<FONT color="green">073</FONT>        messagePanel = new HorizontalPanel();<a name="line.73"></a>
<FONT color="green">074</FONT>        messagePanel.setStyleName(Styles.BOTTOMPANEL);<a name="line.74"></a>
<FONT color="green">075</FONT>        HTML messagelabel = new HTML("&lt;b&gt;Chart Messages:&lt;/b&gt;&lt;br /&gt;" + message);<a name="line.75"></a>
<FONT color="green">076</FONT>        messagelabel.setStyleName(Styles.EXAMPLELABEL);<a name="line.76"></a>
<FONT color="green">077</FONT>        messagePanel.add(messagelabel);<a name="line.77"></a>
<FONT color="green">078</FONT>        messagePanel.setCellHorizontalAlignment(messagelabel, HasHorizontalAlignment.ALIGN_CENTER);<a name="line.78"></a>
<FONT color="green">079</FONT>        messagePanel.setWidth(Integer.toString(Window.getClientWidth() - Styles.RIGHTOFFSET) <a name="line.79"></a>
<FONT color="green">080</FONT>          + Styles.PIXELSUFFIX);<a name="line.80"></a>
<FONT color="green">081</FONT>        RootPanel.get(CompositeWidget.CHART_ELEMENT_ID).add(messagePanel);<a name="line.81"></a>
<FONT color="green">082</FONT>      }<a name="line.82"></a>
<FONT color="green">083</FONT>      <a name="line.83"></a>
<FONT color="green">084</FONT>      /**<a name="line.84"></a>
<FONT color="green">085</FONT>       * This method gets data from the XYDatasetFactory and creates a chart in the web page, replacing<a name="line.85"></a>
<FONT color="green">086</FONT>       * the one that is currently there if there is one.<a name="line.86"></a>
<FONT color="green">087</FONT>       */<a name="line.87"></a>
<FONT color="green">088</FONT>      public void chart() {<a name="line.88"></a>
<FONT color="green">089</FONT>        RootPanel.get(CompositeWidget.CHART_HEADER_ELEMENT_ID).clear();<a name="line.89"></a>
<FONT color="green">090</FONT>        RootPanel.get(CompositeWidget.CHART_ELEMENT_ID).clear();<a name="line.90"></a>
<FONT color="green">091</FONT>        RootPanel.get("help").setVisible(true);<a name="line.91"></a>
<FONT color="green">092</FONT>    <a name="line.92"></a>
<FONT color="green">093</FONT>        int width = Window.getClientWidth() - RIGHTCHARTOFFSET;<a name="line.93"></a>
<FONT color="green">094</FONT>        int height = (int) ((width - RIGHTCHARTOFFSET) / GOLDEN_RATIO );<a name="line.94"></a>
<FONT color="green">095</FONT>        <a name="line.95"></a>
<FONT color="green">096</FONT>        FlowPanel flowPanel = new FlowPanel();<a name="line.96"></a>
<FONT color="green">097</FONT>        flowPanel.setSize(Integer.toString(width) + Styles.PIXELSUFFIX, <a name="line.97"></a>
<FONT color="green">098</FONT>          Integer.toString(height) + Styles.PIXELSUFFIX);<a name="line.98"></a>
<FONT color="green">099</FONT>        flowPanel.setStyleName(Styles.MIDDLEPANEL);<a name="line.99"></a>
<FONT color="green">100</FONT>        <a name="line.100"></a>
<FONT color="green">101</FONT>        width = Window.getClientWidth() - RIGHTCHARTOFFSET;<a name="line.101"></a>
<FONT color="green">102</FONT>        height = (int) ((width - RIGHTCHARTOFFSET) / GOLDEN_RATIO );<a name="line.102"></a>
<FONT color="green">103</FONT>        Chronoscope.setFontBookRendering(true);<a name="line.103"></a>
<FONT color="green">104</FONT>        //Chronoscope.setFontBookServiceEndpoint(GWT.getModuleBaseURL() + FONT_SERVLET_PATH);<a name="line.104"></a>
<FONT color="green">105</FONT>        //Chronoscope.setFontBookServiceEndpoint("http://api.timepedia.org/api/widget/fr");<a name="line.105"></a>
<FONT color="green">106</FONT>        XYDataset[] cDataset = XYDatasetFactory.getInstance().getDataset();<a name="line.106"></a>
<FONT color="green">107</FONT>        if (cDataset == null) {<a name="line.107"></a>
<FONT color="green">108</FONT>          flowPanel.add(<a name="line.108"></a>
<FONT color="green">109</FONT>            new Label("TV internal error: the dataset is null and was not setup correctly."));<a name="line.109"></a>
<FONT color="green">110</FONT>        }<a name="line.110"></a>
<FONT color="green">111</FONT>        else {<a name="line.111"></a>
<FONT color="green">112</FONT>          if (cDataset.length == 0) {<a name="line.112"></a>
<FONT color="green">113</FONT>            flowPanel.add(new Label("No data was reported for in the specified date interval."));<a name="line.113"></a>
<FONT color="green">114</FONT>          }<a name="line.114"></a>
<FONT color="green">115</FONT>          else {<a name="line.115"></a>
<FONT color="green">116</FONT>            this.titlePanel = new DockPanel();<a name="line.116"></a>
<FONT color="green">117</FONT>            this.titlePanel.setStyleName(Styles.TOPPANEL);<a name="line.117"></a>
<FONT color="green">118</FONT>            this.titlePanel.setWidth(Integer.toString(Window.getClientWidth() - RIGHTCHARTOFFSET) <a name="line.118"></a>
<FONT color="green">119</FONT>              + Styles.PIXELSUFFIX);<a name="line.119"></a>
<FONT color="green">120</FONT>            StringBuffer titleBuffer = new StringBuffer(256);<a name="line.120"></a>
<FONT color="green">121</FONT>            titleBuffer.append("Hackystat Telemetry Data Streams:");<a name="line.121"></a>
<FONT color="green">122</FONT>            titleBuffer.append(Styles.NEWLINE);<a name="line.122"></a>
<FONT color="green">123</FONT>            for (int i = 0; i &lt; cDataset.length; i++) {<a name="line.123"></a>
<FONT color="green">124</FONT>              if (cDataset[i] != null) {<a name="line.124"></a>
<FONT color="green">125</FONT>                titleBuffer.append(cDataset[i].getIdentifier());<a name="line.125"></a>
<FONT color="green">126</FONT>                titleBuffer.append(Styles.NEWLINE);<a name="line.126"></a>
<FONT color="green">127</FONT>              }<a name="line.127"></a>
<FONT color="green">128</FONT>            }<a name="line.128"></a>
<FONT color="green">129</FONT>            <a name="line.129"></a>
<FONT color="green">130</FONT>            HTML title = new HTML(titleBuffer.toString());<a name="line.130"></a>
<FONT color="green">131</FONT>            title.setStyleName(Styles.SMALLLABEL);<a name="line.131"></a>
<FONT color="green">132</FONT>            //this.titlePanel.add(title, DockPanel.WEST);<a name="line.132"></a>
<FONT color="green">133</FONT>            this.titlePanel.add(new HTML("Chart"), DockPanel.WEST);<a name="line.133"></a>
<FONT color="green">134</FONT>            this.titlePanel.add(this.clearButton = new Button("Clear"), DockPanel.EAST);<a name="line.134"></a>
<FONT color="green">135</FONT>            this.titlePanel.setCellHorizontalAlignment(this.clearButton, <a name="line.135"></a>
<FONT color="green">136</FONT>              HasHorizontalAlignment.ALIGN_RIGHT);<a name="line.136"></a>
<FONT color="green">137</FONT>            this.clearButton.addClickListener(this);<a name="line.137"></a>
<FONT color="green">138</FONT>            RootPanel.get(CompositeWidget.CHART_HEADER_ELEMENT_ID).add(this.titlePanel);<a name="line.138"></a>
<FONT color="green">139</FONT>            <a name="line.139"></a>
<FONT color="green">140</FONT>            this.chartPanel = Chronoscope.createTimeseriesChart(cDataset, width, height);<a name="line.140"></a>
<FONT color="green">141</FONT>            this.chartPanel.setStyleName("chartPanel-slim");<a name="line.141"></a>
<FONT color="green">142</FONT>            flowPanel.add(this.chartPanel);<a name="line.142"></a>
<FONT color="green">143</FONT>          }<a name="line.143"></a>
<FONT color="green">144</FONT>        }<a name="line.144"></a>
<FONT color="green">145</FONT>        RootPanel.get(CompositeWidget.CHART_ELEMENT_ID).add(flowPanel);<a name="line.145"></a>
<FONT color="green">146</FONT>      }<a name="line.146"></a>
<FONT color="green">147</FONT>    <a name="line.147"></a>
<FONT color="green">148</FONT>      /** <a name="line.148"></a>
<FONT color="green">149</FONT>       * Listens for user resizing of the window.<a name="line.149"></a>
<FONT color="green">150</FONT>       * @param width of the adjusted window..<a name="line.150"></a>
<FONT color="green">151</FONT>       * @param height of the adjusted window.<a name="line.151"></a>
<FONT color="green">152</FONT>       */<a name="line.152"></a>
<FONT color="green">153</FONT>      public void onWindowResized(int width, int height) {<a name="line.153"></a>
<FONT color="green">154</FONT>        if (this.chartPanel != null) {<a name="line.154"></a>
<FONT color="green">155</FONT>          //note window resizing doesn't work in Chronoscope as of v0.7<a name="line.155"></a>
<FONT color="green">156</FONT>          this.chartPanel.onWindowResized(width - RIGHTCHARTOFFSET, (int) ((width - RIGHTCHARTOFFSET) <a name="line.156"></a>
<FONT color="green">157</FONT>            / GOLDEN_RATIO)); <a name="line.157"></a>
<FONT color="green">158</FONT>          this.titlePanel.setWidth(Integer.toString(width - Styles.RIGHTOFFSET) + Styles.PIXELSUFFIX);<a name="line.158"></a>
<FONT color="green">159</FONT>        }<a name="line.159"></a>
<FONT color="green">160</FONT>        if (this.messagePanel != null) {<a name="line.160"></a>
<FONT color="green">161</FONT>          this.messagePanel.setWidth(Integer.toString(width - Styles.RIGHTOFFSET) + Styles.PIXELSUFFIX);<a name="line.161"></a>
<FONT color="green">162</FONT>        }<a name="line.162"></a>
<FONT color="green">163</FONT>        if (this.waitPanel != null) {<a name="line.163"></a>
<FONT color="green">164</FONT>          this.waitPanel.setWidth(Integer.toString(width - Styles.RIGHTOFFSET) + Styles.PIXELSUFFIX);<a name="line.164"></a>
<FONT color="green">165</FONT>        }<a name="line.165"></a>
<FONT color="green">166</FONT>      }<a name="line.166"></a>
<FONT color="green">167</FONT>    <a name="line.167"></a>
<FONT color="green">168</FONT>      /**<a name="line.168"></a>
<FONT color="green">169</FONT>       * This method responds to user clicks on listener-registered UI elements.<a name="line.169"></a>
<FONT color="green">170</FONT>       * @param sender the widget clicked on.<a name="line.170"></a>
<FONT color="green">171</FONT>       */<a name="line.171"></a>
<FONT color="green">172</FONT>      public void onClick(Widget sender) {<a name="line.172"></a>
<FONT color="green">173</FONT>        if (sender.equals(this.clearButton)) {<a name="line.173"></a>
<FONT color="green">174</FONT>          RootPanel.get(CompositeWidget.CHART_HEADER_ELEMENT_ID).clear();<a name="line.174"></a>
<FONT color="green">175</FONT>          RootPanel.get(CompositeWidget.CHART_ELEMENT_ID).clear();<a name="line.175"></a>
<FONT color="green">176</FONT>          RootPanel.get("help").setVisible(false);<a name="line.176"></a>
<FONT color="green">177</FONT>        }<a name="line.177"></a>
<FONT color="green">178</FONT>      }<a name="line.178"></a>
<FONT color="green">179</FONT>    }<a name="line.179"></a>




























































</PRE>
</BODY>
</HTML>
